 //覆盖一些element-ui样式
 .el-breadcrumb__inner,
 .el-breadcrumb__inner a {
     font-weight: 400!important;
 }

 .el-upload {
     input[type="file"] {
         display: none !important;
     }
 }

 .el-upload__input {
     display: none;
 }

 .cell {
     .el-tag {
         margin-right: 0px;
     }
 }

 .small-padding {
     .cell {
         padding-left: 5px;
         padding-right: 5px;
     }
 }

 .fixed-width {
     .el-button--mini {
         padding: 7px 10px;
         width: 60px;
     }
 }

 .status-col {
     .cell {
         padding: 0 10px;
         text-align: center;
         .el-tag {
             margin-right: 0px;
         }
     }
 } //暂时性解决diolag 问题 https://github.com/ElemeFE/element/issues/2461
 .el-dialog {
     transform: none;
     left: 0;
     position: relative;
     margin: 0 auto;
     .el-dialog__header {
        border-bottom: 1px solid #ddd;
     }
     .el-dialog__footer {
        border-top: 1px solid #ddd;
     }
     .el-dialog__body {
        padding: 0 20px;
        p {
            margin: 0;
            padding-top: 12px;
            &:last-child {
                padding-bottom: 12px;
            }
        }
     }
 } 
 //文章页textarea修改样式
 .article-textarea {
     textarea {
         padding-right: 40px;
         resize: none;
         border: none;
         border-radius: 0px;
         border-bottom: 1px solid #bfcbd9;
     }
 } 
 //element ui upload
 .upload-container {
     .el-upload {
         width: 100%;
         .el-upload-dragger {
             width: 100%;
             height: 200px;
         }
     }
 }

 .el-breadcrumb {
     margin-left: 0 !important;
 }
 
 .el-input__inner, .el-range-input {
    font-size: 12px !important;
 }

 .el-message{
    z-index: 20000 !important;
 }

 .pactAlert{
    height: 500px;
    overflow: auto;
  }

.el-collapse {
    border: 0;
    .el-collapse-item__header {
        border-bottom-color: #2E495C;
    }
    .el-collapse-item__wrap {
        padding-top: 10px;
        border-bottom-color: transparent;
    }
}

.uploader {
    display: inline-block;
    vertical-align: top;
    .el-upload {
      display: inline-block;
      width: 148px;
      height: 148px;
      border-radius: 6px;
      border: 1px dashed #d9d9d9;
      margin: 0 8px 8px 0;
      position: relative;
      img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
      }
    }
    .el-upload--picture-card {
        line-height: unset;
    }
    .avatar-uploader-icon {
      font-size: 28px;
      color: #8c939d;
      width: 100%;
      height: 100%;
      line-height: 148px;
      text-align: center;
    }
}

.disabled {
    .el-input.is-disabled .el-input__inner {
        border: unset;
        cursor: default !important;
        color: rgb(31, 1, 1) !important;
        background-color: transparent !important;
        padding: 0 !important;
        &::-webkit-input-placeholder{
            color:#333;
        }
        &::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#333;
        }
        &:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#333;
        }
        &:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#333;
        }
    }
    .el-input__suffix, .el-input__prefix {
        display: none;
    }
    .el-cascader__label {
        color: #333 !important;
        padding: 0;
    }
    
}

// 定制table 与element一至

.table {
    border-collapse: collapse;
    margin: 0 auto;
    text-align: center;
    color: #606266;
    width: 100%;
    max-width: 100%;
    display: table;
    font-size: 12px;
    thead {
        font-weight: 500;
        color: #909399;
    }
    td, th {
        border: 1px solid #ebeef5;
        padding: 13px 0;
    }
    th {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        background-color: #F2F2F2;
    }
}

// rangerdate init

